import React from 'react'
import { Row, Col, Space } from 'antd'
import './search.less'
const Search = (props: any)=> {
  const {children} = props
    return (
      <div className='search_row'>
        <Row>
          <Col span={props.selectSpan || 16}>
            {
            props.searchList ? props.searchList.map((item: any, i: string)=>{
              return <div key={i}>{item.render()}</div>
            }) : null
            }                            
          </Col>
          {
            !props.selectSpan ? <Col span={8}>
              <div className='row_right'>
                <Space>
                  {children}
                </Space>
              </div>
            </Col> : null
          }
        </Row>        
      </div>
    )
  
}
export default Search
